<div class="modal-box" #modalContainer cdkDrag cdkDragBoundary=".cdk-overlay-container" [@showHide]="showModal">
    <div class="zbar" cdkDragHandle>
        <div class="zttl f-thide">{{titles[currentModalBoxType]}}</div>
    </div>

    <ng-container [ngSwitch]="currentModalBoxType">
        <ng-container *ngSwitchCase="'login'">
            <ng-content select="[name=login]"></ng-content>
        </ng-container>
        <ng-container *ngSwitchCase="'register'">
            <ng-content select="[name=register]"></ng-content>
        </ng-container>
        <ng-container *ngSwitchCase="'tip'">
            <ng-content select="[name=tip]"></ng-content>
        </ng-container>
        <ng-container *ngSwitchDefault>
            <ng-content></ng-content>
        </ng-container>
    </ng-container>

    <div class="zcls" title="关闭" (click)="hide()"></div>
    <nz-spin nzTip="loading..." class="spin" *ngIf="showSpin"></nz-spin>
</div>